<template>
	<view>
		<byt-dialogue :config="agentConfig" :agentName="agentName" :openMock="openMock" :agentId="agentId"
			@itemClick="onItemClick"></byt-dialogue>
	</view>
</template>

<script>
import BytDialogue from '../components/agent-dialogue/byt-dialogue/byt-dialogue.vue';
import {
	envConfig
} from '../../../envConfig';

export default {
	component: {
		BytDialogue
	},
	data() {
		return {
			agentType: '',
			agentId: '',
			agentName: 'AI助手',
			openMock: envConfig.OPEN_MOKE,
		};
	},
	onLoad(option) {
		// this.agentType = option.agentType;
		// this.agentId = option.agentId;
		// 解决小程序query中文乱码
		// this.agentName = decodeURIComponent(option.agentName);
	},
	computed: {
		// ...mapGetters({
		// 	userInfo: 'getUserInfo',
		// }),
		// 配置项
		agentConfig: function () {
			return {
				// 颜色和图标
				colorIcon: {
					// 主题色
					mainColor: '#B6F85E',
					// 辅助色
					assistColor: '#EBFFD1',
					// 字体主色
					textMainColor: '#74CB00',
					// 渐变色
					linearColor: '#00E1CA,#90F3D0',

					// 用户消息字体颜色
					userTextColor: '#010103',
					// 用户消息背景色
					userBgColor: '#ffffff',

					// 复制按钮图标
					copyIcon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/copy_2.svg',
					// 重新提问图标
					refreshIcon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/refresh——2.svg',

					// 猜你想问背景颜色
					// -webkit-linear-gradient(top, #e9faf3,#90F3D0 200rpx)
					guessBgColor: 'url(https://img.yummall.cn/baiyetong/byt-uni-ui/whiteMeng1111.svg)',
					// 猜你想问换一换 字体颜色
					guessChangeColor: '#04D4BE',
					// 猜你想问换一换图标
					guessChange: 'https://img.yummall.cn/baiyetong/byt-uni-ui/huanyihuan.svg',
					//猜你想问文字头部左边图标
					guessIcon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/cainixiaowenpng.png',

					// 发送框左边图标
					sendLeftIcon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/sendLeft.svg',
					// 发送框右边发送按钮
					sendRightIcon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/newFasong.svg',
					// 发送框快速提问关闭图标
					sendQuickCloseIcon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/quickIconClose2.svg',
					// 发送框快速提问内容左侧图标
					sendQuickContentLeftIcon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/quickIcon12.svg'
				},
				// 头部启动栏
				startup: {
					// 头部欢迎栏是否显示
					welcomeShow: true,
					// 我是红商AI助手。您可以输入任何想要创作图像的主题，我们将为您创作。
					tip: '我是红商AI助手。您有任何关于红商集团的问题，我可以随时帮您解答。',
					avatar: 'https://img.yummall.cn/baiyetong/byt-uni-ui/role_icon_2.svg', // 1,2
					// 头像回答旋转动效图标
					rotateIcon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/xuanzhuan.png',
					// 欢迎语右边背景图标
					rightIcon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/AIrightbgimg.png',
					backgroundColor: 'linear-gradient(90deg, #E7FCF6 0%, #F7FFEE 50%, #DFF8FF 100%)'
				},
				// 主体内容
				main: {
					// 背景色
					// (1.数字类型， 1-4
					// background: 1,
					// (2.对象类型 { type: 'image' | 'linear' | 'coLor' }
					// background: {
					// 	type: 'image',
					// 	url: "https://img.yummall.cn/baiyetong/byt-uni-ui/role_icon_1.svg", // 1-4
					// },
					background: {
						type: 'linear',
						url: '-webkit-linear-gradient(top,#f1fcf2 0%,#f8fdf5 44%, #EBFFD1 100%)' // 1-4
					},
					// background: {
					// 	type: 'color',
					// 	url: "rgb(217 224 255)", // 1-4
					// },
					// 背景角色
					role: 1 // 1-4
				},
				// 发送框工具栏功能
				toolList: [{
					id: 1,
					icon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/shendu.svg',
					activeiIcon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/shendu_active.svg',
					name: '深度思考'
				},
				{
					id: 2,
					icon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/lianwang.svg',
					activeiIcon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/lianwang_avtive.svg',
					name: '联网搜索'
				}
				],
				// 更多工具
				moreList: [{
					id: 1,
					icon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/paishe1.svg',
					name: '拍摄'
				},
				{
					id: 1,
					icon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/xiangce1.svg',
					name: '相册'
				},
				{
					id: 2,
					icon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/luyin1.svg',
					name: '录音'
				},
				{
					id: 2,
					icon: 'https://img.yummall.cn/baiyetong/byt-uni-ui/wendang1.svg',
					name: '文档'
				}
				],

				// 更多工具显示开关
				moreListShow: true,
				// 快速提问显示开关
				quickShow: true,

				// 猜你喜欢
				guess: true,
				// 音频识别
				audio: true,
				// 基础消息配置
				message: {
					// 等待状态提示语
					answerWait: 'AI助手思考中',
					// 问候语
					greeting: '您好！有什么可以帮助您的？'
				},
				// 支持的消息类型
				typeWhiteList: ['text', 'activity', 'coupon', 'goods', 'chart', 'tables', 'action', 'image', 'agent', 'shop'],
				// 消息角色配置
				roles: {
					// AI助手消息配置
					ai: {
						// 有名称就显示，没有就不显示
						name: 'AI助手',
						// 头像
						avatar: 'https://img.yummall.cn/baiyetong/byt-uni-ui/role_icon_2.svg', // 1,2
						// 位置
						placement: 'start'
					},
					// 用户消息配置
					user: {
						name: '用户名称1',
						avatar: 'https://img.yummall.cn/baiyetong/byt-uni-ui/role_icon_1.svg',
						placement: 'end'
					}
				},
				// 用户信息
				userInfo: {
					// userId: this.userInfo.userId,
					userId: '1670672134393978882'
				}
			}
		},
	},
	methods: {
		onItemClick(data) {
			console.log('使用组件', data);
		}
	}
};
</script>

<style lang="scss" scoped></style>